<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>添加页面</title>
    <link rel="stylesheet" href="../../../yl/index.css" />
    <!-- 布局样式 -->
    <link rel="stylesheet" href="../../../style/wangeditor.css">
    <link rel="stylesheet" href="../../../yl/style.css" />
    <link rel="stylesheet" href="../../../yl/mobile.css" />
    <link rel="stylesheet" href="../../../yl/easyui.css" />
    <link rel="stylesheet" href="../../../yl/icon.css" />
</head>

<body>
    <!-- <div id="app"> -->
    <div class="easyui-navpanel" id="app" v-cloak>
        <header>
            <div class="m-toolbar">
                <div class="m-title">{{action=='Add'?'更新'+form.Party_Organization_Name+'简介信息':action=='Modify'?'修改党组织信息':''}}</div>
            </div>
        </header>
        <div class="easyui-navpanel panel-body panel-body-nobottom panel-body-noborder" style="height: 3000px"
            id="MainTable" ref="MainTable"
            :data-options="JSON.stringify({ 'TableName': 'party_organization_introduce', 'form': 'dataForm', 'primary_key':'Party_Organization_Introduce_SerialNumber' })">
            <div class="yl-main">
                <div class="table_titel">
                  <div class="titel">党组织简介</div>
                </div>
                <el-descriptions :column="1" size="large" border>
                    <el-descriptions-item>
                        <template #label>
                            <div class="cell-item">党组织简介</div>
                        </template>
                        <el-form-item prop="Party_Organization_Introduce">
                            <yl-text-editor :disabled="type=='1'" v-model="dataForm.Party_Organization_Introduce"
                                placeholder="请输入党组织简介"></yl-text-editor>
                        </el-form-item>
                    </el-descriptions-item>
                </el-descriptions>
                <div id="ChildTable">
                    <div class="table_titel">
                        <div class="titel">图片介绍</div>
                        <div class="operation" v-if="type=='0'">
                            <el-button type="primary" size="small" @click="handleAdd('childDataForm')">新增</el-button>
                            <el-button type="danger" size="small" @click="handleRemove('childDataForm')">删除</el-button>
                        </div>
                    </div>
                    <el-form :model="{childDataForm}" ref="form1" inline-message="true" style="width: 100%">
                        <el-descriptions
                            :data-options="JSON.stringify({ 'TableName': 'party_organization_introduce_image', 'form': 'childDataForm', 'ParentTableName': 'party_organization_introduce'})"
                            :column="3" size="large" border>
                            <el-descriptions-item
                                v-for="(item,index) in childDataForm.filter(item => item.Row_Status != '1')" :key="index">
                                <template #label>
                                    <div class="cell-item">上传图片</div>
                                </template>
                                <el-form-item :prop="'childDataForm.'+index+'.Picture_URL'"
                                    :rules="[{ required: true, message: '请上传图片', trigger: 'blur' }]">
                                    <el-image v-if="type=='1'" :src="photo + item.Picture_URL"></el-image>
                                    <yl-upload v-else :disabled="type=='1'" slider v-model="item.Picture_URL"></yl-upload>
                                </el-form-item>
                            </el-descriptions-item>
                        </el-descriptions>
                    </el-form>
                </div>
            </div>
        </div>
        <footer class="botton-ann">
            <el-button @click="goBack">返回</el-button>
            <el-button type="primary" plain @click="handleSubmit" v-if="type=='0'" :loading="loading">提交</el-button>
        </footer>
    </div>
</body>
<script src="../../../utils/utils.js"></script>
<script src="../../../config/config.js"></script>
<script src="../../../utils/wangeditor.js"></script>
<script src="../../../utils/compressor.js"></script>
<script src="../../../utils/mixins.js"></script>
<script src="../../../yl/vue.js"></script>
<script src="../../../yl/index.js"></script>
<script src="../../../yl/zh-cn.mjs"></script>
<script src="../../../yl/index.iife.min.js"></script>
<script src="../../../yl/jquery.min.js"></script>
<script src="../../../utils/jquery.cookie.js"></script>
<script src="../../../yl/jquery.easyui.min.js"></script>
<script src="../../../yl/jquery.easyui.mobile.js"></script>
<script src="../../../yl/moment.min.js"></script>
<script src="../../../api/request.js"></script>
<script src="./js/addIntroduce.js"></script>

</html>